// pages/js/huabu/index.js
Page({

  /**
   * 页面的初始数据
   */
  data: {

  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
   this.huatu();
  },
  huatu() {
    console.log('画图')
    var ctx = wx.createCanvasContext('my_canvas', this)
    //规定画布（不是canvas）的宽，高
    var canvas_width = 100,
        canvas_height = 100;
    
    var img = '../../../image/a3.jpg';
    //获得图片的信息
    wx.getImageInfo({
      src: img,
      success(res) {
        console.log(res.width, res.height);

        var img_width = res.width,
          img_height = res.height;

        // 截取图片
        var clip_left, clip_top, //左偏移值，上偏移值，
          clip_width, clip_height; //截取宽度，截取高度



        clip_left = 100;
        clip_top = 200;
        clip_width = 400;
        clip_height = 400;


        var data = {
          clip_left,
          clip_top,
          clip_width,
          clip_height
        }

        ctx.drawImage(img, clip_left, clip_top, clip_width, clip_height, 0, 0, canvas_width, canvas_height);
        //画水印
        ctx.beginPath();
        ctx.setFontSize(14);
        ctx.setFillStyle("rgba(43,43,43,1)");

        ctx.fillText("导入画布", 20, 150);
        ctx.draw();
      }
    })
  },

  getPhoto() {
    var that = this;
    var ctx = wx.createCanvasContext('my_canvas', this)
    ctx.draw(false, function () {
      wx.canvasToTempFilePath({
        canvasId: 'my_canvas',
        success: function (res) {
          // 获得图片临时路径
          that.imageTempPath_rx = res.tempFilePath;
        
          console.log(res.tempFilePath);
        }
      })

    });

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})